<template>
    <div>
        <div class="describe">
            <p class="title"><span class="iconfont icon icon-chanpinjieshao"></span>课程描述</p>
            <p>{{introduce.briefDescribe}}</p>
        </div>
        <div>
            <p class="title"><span class="iconfont icon icon-xueyuan-mulu"></span>课程介绍</p>
            <div class="describe_html" v-html="introduce.htmlText"></div>
        </div>
    </div>
</template>

<script lang="ts" >
    export default {
        props:{
            introduce:{
                default:()=>{
                    return{
                        briefDescribe:"",
                        htmlText:""
                    }
                }
            }
        }
    }
</script>

<style lang="scss" scoped>
.icon{
    color: #ff7234;
    margin-right:10px
}
.describe{
    background-color: #ffeee4;
    padding:20px;
    border-radius:10px;
    margin: 40px 0;
}
.title{
    margin-bottom: 20px;
}
</style>